.showindow {
    border-top: 1.5rem solid #e2e2e2;
    border-bottom: 1.5rem solid #e2e2e2;
    width: 100vw;
    margin-top: 9.6rem;
    height: 33.5rem;
    overflow: hidden;
    position: relative;
}

.content {

    width: 320%;
    position: absolute;
}

.content img {
    float: left;
    width: 100vw;
    height: 33.5rem
}

.cir {

    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 1rem;
    left: 33rem;
    z-index: 22;
}

.cir span {

    border-radius: 50%;
    display: block;
    margin-left: 1.5rem;
    width: 2.5rem;
}
.on{

    background-color: #d2d2d2;
    border: 0.2rem solid white;
    height: 2.3rem;
    width: 2.3rem;
    display: inline-block;
}

.on1{

    background-color: red;
    border: 0.2rem solid red;
}

.content_mid {
    width: 92%;
    margin: 3rem auto;
    overflow: hidden
}
.firstpage{overflow: hidden;}
.msg{width:33rem;overflow:hidden;height:7.2rem;background-color: #f46259;border-bottom-left-radius: 3.55rem;border-bottom-right-radius: 3.55rem;border-top-left-radius: 3.55rem;border-top-right-radius: 3.55rem;display: flex;justify-content: flex-start;align-items: center}
.msg div{width:6.6rem;height:6.6rem;border-radius: 50%;background-color: white;margin:0.3rem 2.2rem 0.3rem 0.3rem;display: flex;justify-content: center;align-items: center}
.msg span{color:black;font-size:3rem;}
.game{ width:200%;position:absolute;height:23.8rem;display: flex;justify-content: space-between;align-items: center; }
.game li{text-align: center}
.game li:nth-of-type(1){margin-left: 2.6rem;}
.game li:nth-of-type(8){margin-right: 2.6rem;}
.game li img { width:13rem }
.game li a{font-size: 3rem;line-height: 3rem;margin: 3rem 0 0;display: block}

.watch{display: flex;justify-content: space-between;align-items: center;height:17.2rem;}
.watch img{margin-left: 4.2rem;width:13rem; }
.watch div:nth-of-type(1) p:nth-of-type(1){font-size: 3.4rem;line-height: 6.6rem}
.watch div:nth-of-type(1) a{ display: block;font-size: 2.4rem;color:#f46259;line-height: 5.6rem}
.watch div:nth-of-type(2){width:16rem;height:7rem;background-color: #fe776f;border-radius: 0.5rem;margin-right: 2rem}
.watch div:nth-of-type(2) p{ font-size: 3.2rem;text-align: center;line-height: 7rem;color:white }


.gifts{ margin-top: 23.8rem;border-bottom: 1.5rem solid #e2e2e2;border-top: 1.5rem solid #e2e2e2;padding-right: 5rem;margin-bottom: 8rem;padding-left: 5rem;}
.gifts ul{display: flex;justify-content: space-between;flex-flow:wrap;align-items: flex-start}
.gifts>p{font-size: 3.4rem;line-height: 3.4rem;margin-top:2.8rem;margin-bottom:2.4rem}
/*.gifts ul li{text-align: center}*/
.gifts ul li p{font-size: 2.6rem;letter-spacing: 0.2rem;line-height: 2.6rem}
.gifts ul li>p:nth-of-type(1){color:#888;font-weight: 300;margin:2rem 0 3.2rem 0;}
.gifts ul li>p:nth-of-type(2){color:#333;margin: 3.2rem 0 1.8rem 0;}
.gifts ul li div{width:30.2rem;height:7.5rem;background-color: #fe776f;border-radius: 0.5rem;margin: 1.8rem 0 2rem 0;}
.gifts ul li div p{color:white;text-align: center;line-height: 7.5rem}
.gifts ul li img { width:30.2rem; }